<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<title>血战金花<?php echo $room_number;?></title>

<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/nflower-xp.css">
<link rel="stylesheet" type="text/css" href="<?php echo $image_url;?>files/css/alertbox.css">
<script type="text/javascript" src="<?php echo $image_url;?>files/js/fastclick.js"></script>


<script>

    window.addEventListener('load', function() {
        FastClick.attach(document.body);
    }, false);

    var newNum = "";
    var per = window.innerWidth / 530;
    var perW = window.innerWidth / 530 /30 *140;
    var globalData = {
        "card":"<?php echo $card;?>",
        "roomNumber":"<?php echo $room_number;?>",
        "socket":"<?php echo $socket;?>",
        "hallPath":"ym",
        "roomUrl":"<?php echo $room_url;?>",
        "baseUrl":"<?php echo $base_url;?>",
        "fileUrl": "<?php echo $file_url;?>",
        "roomStatus":"<?php echo $room_status;?>",
        "scoreboard":'<?php echo $balance_scoreboard;?>',
        "session":'<?php echo "$session"?>',
        "shareTitle":"9人血战金花",
        "gameType":"<?php echo $game_type;?>",

        //广播
		"isNotyMsg":'<?php echo "$is_announcement"?>',
		"notyMsg":'<?php echo "$announcement_content"?>',
		"notyTime":'<?php echo "$announcement_sec"?>',
		"notySpeed":8000,
    };
    var userData = {
        "accountId":"<?php echo $user['account_id'];?>",
        "nickname":"<?php echo $user['nickname'];?>",
        "avatar":"<?php echo $user['headimgurl'];?>",
        "myCode":"<?php echo $user['my_code']==-1||$user['my_code']=='-1'||$user['my_code']==''?20000+$user['user_code']:$user['my_code'];?>",
    };
    var configData = {
        "appId":"<?php echo $config_ary['appId'];?>",
        "timestamp":"<?php echo $config_ary['timestamp'];?>",
        "nonceStr":"<?php echo $config_ary['nonceStr'];?>",
        "signature":"<?php echo $config_ary['signature'];?>",
    };
    
</script>
</head>
<body>
<style>
    .closeButtonx{bottom: 1vh;  left: 36.5vw;z-index: 99; width: 110px; text-align: center;position: absolute;}
    .clickMe{position: absolute;top: 1%;right: 8vh;width: 24%;z-index:91;text-align: center;height: 3.2vh;line-height: 3.2vh;}
    .clickMe img{width:100%;}
    .copyMe{position: absolute;top: 6%;right: 8vh;width: 24%;z-index:91;text-align: center;height: 4.5vh;line-height: 4.5vh;border:0;background:none;background-image: url(<?php echo $image_url;?>files/images/guest/copyme.png);background-position:center;background-size: contain; background-repeat: no-repeat;}
</style>
<div style="position: fixed;width:100%;height:100%;top:0;left:0;background: #000;z-index:115;" id="loading">
    <div class="load4">
        <div class="loader">Loading...</div>
    </div>
</div>

<!-- position: relative; width: 100%;margin: 0 auto; background: #fff; display: none; -->
<div class="main" id="app-main" style="display: none;'">
<!--广播-->
<div v-show="isShowNoty" style="position: absolute;background-color: rgba(0,0,0,0.6);width: 100%;height: 4vh;line-height: 4vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9998;">
    <img style="position: absolute;top: 0vh;left: 3vw;width: 4vh;height: 4vh;" src="<?php echo $image_url;?>files/images/common/laba.png">
</div>
<div v-show="isShowNoty" id="marquee" style="position: absolute;top: 0;left: 12vw;background-color: rgba(0,0,0,0);width: 88vw;height: 4vh;line-height: 4vh;color: white;font-size: 2.5vh;overflow: hidden;z-index: 9999;">
    {{notyMsg}}
</div>
<!--end-->
    <!-- 观战功能 -->
    <img src="<?php echo $image_url;?>files/images/guest/is_watching.png" style="position: fixed;z-index: 90;width: 40%;left: 30%;top: 56%;" v-show="isWatching==1">
    <div class="watch" id="vwatch" v-show="showGuest==1">
        <div class="watchBack" v-on:click="hideGuests"></div>
        <div class="mainPart">
            <img v-on:click="hideGuests" src="<?php echo $image_url;?>files/images/guest/cancel.png" class="watchCancel" />
            <img src="<?php echo $image_url;?>files/images/guest/title.png" class="watchTitle" />
            <div class="playerList">
                <div class="playerItem" v-for="guest in guests">
                    <img v-bind:src="guest.avatar" class="playerAvatar">
                    <div class="playerName">{{guest.nickname}}</div>
                    <img src="<?php echo $image_url;?>files/images/guest/icon.png" class="playerIcon">
                </div>
            </div>
            <div class="buttonMiddle">
                <img v-show="showWatchButton" v-on:click="guestRoom" src="<?php echo $image_url;?>files/images/guest/watch_true.png"  />
                <img v-show="showSitdownButton" v-on:click="sitDown" src="<?php echo $image_url;?>files/images/guest/sitdown_true.png"  />
            </div>
        </div>
    </div>

    <div class="roomCard">
        <img  src="<?php echo $image_url;?>files/d_<?php echo $dealer_num;?>/images/home/fwm.png" />
        <div class="num">
            <div style="position: absolute;top:0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .2;border-radius:10px;"></div>
            <div style="position: relative;padding: 0 10px 0 35px;">{{userData.myCode}}</div>
        </div>
    </div>
    <div class="clickMe"><img src="<?php echo $image_url;?>files/images/guest/clickme.png" v-on:click="location.reload()"></div>
<!--    <img class="closeButton" src="--><?php //echo $image_url;?><!--files/d_--><?php //echo $dealer_num;?><!--/images/game/closeButton.png" v-if="game.round!=game.total_num && game.status==1 && game.creator_id==userData.accountId"  v-on:click="imCloseRoom" />-->
    <button class="copyMe" data-clipboard-text="<?php echo $room_url;?>"></button>

    <img class="return" src="<?php echo $image_url;?>files/images/common/icon_home3.png" v-on:click="showAlert(3,'确认返回主页？')" style="right:1.5vh; " />
<!--    <img class="return" src="--><?php //echo $file_url;?><!--files/images/common/icon_note3.png" v-on:click="showNoteImg()" style="right:9vh; " /> -->

    <div class="round">{{game.round}}&nbsp/&nbsp{{game.total_num}}&nbsp局</div>
    
    <div class="disconnect" v-show="!connectOrNot" style="position: fixed;top:45%;left: 0;width: 100%;text-align: center;z-index: 101">
        <div style="width: 250px;height:27px;position: absolute;top:-2;left: 50%;margin-left: -125px;background: #000;opacity: .5;border-radius:15px;">
        </div>
        <a style="font-size: 16px;color: #fff;padding: 5px 14px;position:relative;">已断开连接，正在重新连接...</a>
    </div>

    <img class="bottom"  src="<?php echo $image_url;?>files/images/nflowerxp/bottom.png" />
    <img class="bottomGameRule" src="<?php echo $image_url;?>files/images/common/icon_rule3.png" v-on:click="showGameRule" style="z-index: 110">
    <img class="bottomGameHistory" src="<?php echo $image_url;?>files/images/common/icon_sound3.png" v-on:click="showAudioSetting" style="z-index: 110">
    <img class="bottomGameMessage" src="<?php echo $image_url;?>files/images/common/icon_message3.png" v-on:click="showMessage">

    <img class="bottomWatch" src="<?php echo $image_url;?>files/images/common/icon_watch.png" v-on:click="showGuests"/>

    <div class="myCardType">
        <div v-show="player[0].card_type==1">高牌</div>
        <div v-show="player[0].card_type==2">对子</div>
        <div v-show="player[0].card_type==3">顺子</div>
        <div v-show="player[0].card_type==4">同花</div>
        <div v-show="player[0].card_type==5">同花顺</div>
        <div v-show="player[0].card_type==6">三条</div>
    </div>

    <div  class="table" id="table">
        <img class="tableBack" id="tableBack" src="<?php echo $image_url;?>files/images/nflowerxp/table.jpg" />

        <!-- 筹码  -->        
        <div class="place" v-show="game.status==2">
            <div class="totalScore" style="top:-38px;left: 24px;">
                <div class="scores"  style="background: none;">
                    <div style="position: absolute;height: 18px;padding: 0 12px;border-radius: 9px;width: 52%;background: #000;opacity: .3;left: 0;}"></div>
                    <div style="position: relative;">{{game.score}}</div>
                </div>
                <img src="<?php echo $image_url;?>files/images/flower/totalScore.png" />
            </div>
            <div style="color: #000;text-align: center;font-size: 13px;margin-top: -18px;line-height: 18px;opacity:.7;">第{{game.curr_circle}}/{{ruleInfo.bet_circle}}轮</div>
            <div class="scoresArea"></div>
        </div>

        <!-- 火焰 -->
        <div class="flame" v-show="ruleInfo.xp_chip==game.currentScore">
            <div class="flame1"></div>
            <div class="flameImg flame2"></div>
            <div class="flameImg flame3"></div>
            <div class="flameImg flame4"></div>
        </div>

        <!-- 发牌  -->
        <div class="cardDeal">

            <div v-for="p in player" v-show="p.account_id>0&&p.account_status>2&&(p.num!=1||(p.account_status!=4&&p.account_status!=6&&p.account_status!=7&&!player[0].is_showCard))&&(game.cardDeal>0||p.account_status==6||p.account_status==7)">
                
                <div class="card" v-bind:class="'card' + p.num + '1'" v-show="game.cardDeal>0||p.account_status==6||p.account_status==7"></div>
                <div class="card" v-bind:class="'card' + p.num + '2'" v-show="game.cardDeal>1||p.account_status==6||p.account_status==7"></div>
                <div class="card" v-bind:class="'card' + p.num + '3'" v-show="game.cardDeal>2||p.account_status==6||p.account_status==7"></div>
                <div class="isSeen" v-bind:class="'isSeen' + p.num" v-show="p.num>1&&p.account_status==4"></div>        
                <div class="isQuit" v-bind:class="'isQuit' + p.num" v-show="p.account_status==6"></div>     
                <div class="isLose" v-bind:class="'isLose' + p.num" v-show="p.account_status==7&&!p.is_pk"></div>
            </div>
            
            <!-- 自己的牌 -->
            <div class="myCards" v-show="player[0].is_showCard&&player[0].account_status>2" >
                <div v-show="player[0].is_win" class="winText" >
                    <img src="<?php echo $image_url;?>files/images/flower/text_win.png" v-show="!player[0].win_show && player[0].account_id==userData.accountId&&player[0].is_guest!=1" />
                    <div class="winScore" v-show="player[0].win_show" style="width: 100%;left: 0;text-align: center;font-size: 16px;">
                        +{{player[0].current_win}}
                    </div>
                </div>
                <div v-show="player[0].is_xipai" class="winText" >
                    <div class="winScore" style="animation:coinUp 5s ;-webkit-animation:coinUp 5s ;" v-show="player[0].is_xipai" style="width: 100%;left: 0;text-align: center;font-size: 16px;">喜牌 {{player[0].xipai_score}}</div>
                </div>

                <div class="cards card0">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + player[0].card[0]"></div>
                    <div class="myQuitBack" v-show="player[0].account_status==6||player[0].account_status==7"></div>
                </div> 

                <div class="cards card1">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + player[0].card[1]"></div>
                    <div class="myQuitBack" v-show="player[0].account_status==6||player[0].account_status==7"></div>
                </div>  

                <div class="cards card2">
                    <div class="face front"></div>
                    <div class="face back" v-bind:class="'card' + player[0].card[2]"></div>
                    <div class="myQuitBack" v-show="player[0].account_status==6||player[0].account_status==7"></div>
                </div>
                
                <!-- width: 70px;height:20px;position: absolute;top:17px;left:50%;margin-left: -40px;z-index: 95;text-align: center;color: #fff;font-size: 15px;padding: 1px 5px;-->
                <div style="width: 70px;height:20px;position: absolute;top:22px;left:50%;margin-left: -40px;z-index: 95;text-align: center;color: #fff;font-size: 15px;padding: 1px 5px;" v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1" v-show="player[0].account_status==5&&player[0].playing_status==2 && ruleInfo.look_cond<game.curr_circle" v-on:click="choose(1)">
                    <!-- <div style="position: absolute;top:0;left: 0;border-radius: 11px;opacity: 0.3;width: 100%;height: 100%;background: #000;"></div>
                    <div style="position: relative;opacity: 0.9;">点击看牌</div> -->
                    <img src="<?php echo $image_url;?>files/images/flower/text_click2look.png" style="width: 70px;height: 20px">
                </div>

                <!-- 观战功能 -->
                <div class="isSeen isSeen1" v-if="player[0].account_id!=userData.accountId&&isWatching==1" v-show="player[0].account_status==4 && game.cardDeal>0"></div>
                <div class="isQuit isQuit1" v-show="player[0].account_status==6"></div>                     
                <div class="isLose isLose1" v-show="player[0].account_status==7"></div>                     
            </div>

        </div>

        <!-- 玩家     -->     
        <div  v-for="p in player" key="p.num" class="member" v-bind:class="'member' + p.num" v-show="p.account_id>0&&!p.is_pk">
            <img src="<?php echo $image_url;?>files/images/common/player_bg.png" class="background">
            <img src="<?php echo $image_url;?>files/images/common/player_selected.png" class="background" v-show="p.is_win&&p.num==1">
            <div class="title">{{p.nickname}}</div>
            <!--
            <img v-bind:src="p.headimgurl" class="avatar">
            -->

            <div class="avatar">
                <img v-bind:src="p.headimgurl" style="position: absolute;left:25%;width: 100%;border-radius: .4vh;">

                <img src="<?php echo $image_url;?>files/images/flower/avatar_timer.jpg" style="position: absolute;left:25%;width: 100%;border-radius: .4vh;" v-show="p.playing_status>1">
                <div style="position: absolute; top: 0px;left: 25%;width: 100%; line-height: 6.5vh;text-align: center;color: #602603;font-size: 20px;" v-if="p.num!=1" v-show="p.playing_status>1">{{p.limit_time}}</div>
                <div style="position: absolute; top: 0px;left: 25%;width: 100%; line-height: 8vh;text-align: center;color: #602603;font-size: 20px;" v-if="p.num==1" v-show="p.playing_status>1">{{p.limit_time}}</div>
            </div>

            <div class="score">{{p.account_score}}</div>
            <div class="quitBack" v-show="((p.account_status==6||p.account_status==7)&&p.num==1)||(p.num>1&&p.online_status==0)" ></div>

            <!-- 观战功能 -->
            <img src="<?php echo $image_url;?>files/images/guest/guest_avatar.png" style="position: absolute;top: 38%;left: 17%;width: 70%;" v-show="p.is_guest==1">
            
            <div class="isReady" v-show="game.round!=game.total_num">
                <img src="<?php echo $image_url;?>files/images/common/ready_button.png" class="unready" v-if="p.num==1&&p.account_id==userData.accountId&&p.is_guest!=1" v-show="(p.account_status==1||p.account_status==0)&&game.status==1" v-on:click="imReady" />
                <img src="<?php echo $image_url;?>files/images/common/ready_text.png" class="ready" v-show="p.account_status==2" />
            </div>

            <div class="cardOver" v-bind:class="'cardOver' + p.num" v-if="p.num!=1" v-show="game.cardDeal==-1&&p.account_status>1&&p.account_status!=6&&p.account_status!=7&&p.card.length>0">
                <img src="<?php echo $image_url;?>files/images/flower/cardBox.png" class="cardResult" v-show="!p.is_win" />
                <img src="<?php echo $image_url;?>files/images/flower/cardBoxWin.png" class="cardResult" v-show="p.is_win" />
                <div class="name">{{p.nickname}}</div>
                <div class="openCard">
                    <div class="cards card0">
                        <div class="face front"></div>
                        <div class="face back" v-bind:class="'card' + p.card[0]"></div>
                    </div> 
                    <div class="cards card1">
                        <div class="face front"></div>
                        <div class="face back" v-bind:class="'card' + p.card[1]"></div>
                    </div>        
                    <div class="cards card2">
                        <div class="face front"></div>
                        <div class="face back" v-bind:class="'card' + p.card[2]"></div>
                    </div>          
                </div>
                <div v-show="p.is_win&&p.win_show" class="winText">
                    <div class="winType" v-bind:class="'winType' + p.win_type"></div>
                    <div class="winScore" v-bind:class="'winType' + p.win_type">+{{p.current_win}}</div>
                </div>
                <div v-show="p.is_xipai" class="winText">
                    <div class="winScore" style="animation:coinUp 5s ;-webkit-animation:coinUp 5s ;" v-bind:class="'winType' + p.win_type">喜牌 {{p.xipai_score}}</div>
                </div>
            </div>
            <div class="PKbox" v-show="pk.round==1&&pkPeople.length>0&&p.is_readyPK&&(player[0].account_status==5||player[0].account_status==4)" v-on:click="choose(5,p.account_id)">
                <div class="PKboxBack"></div>
            </div>
        </div>

        <!-- 玩家消息  -->
        <div v-for="p in player">
            <div class="messageSay" v-bind:class="'messageSay' + p.num" v-show="p.messageOn">
                <div>{{p.messageText}}</div>
                <div class="triangle"> </div>
            </div>
        </div>

        <div class="clock" v-show="game.time>-1">
            {{game.time}}
        </div>
        
        <!-- 按键     --> 
        <div class="myButton" v-if="player[0].account_id==userData.accountId&&player[0].is_guest!=1 && player[0].playing_status==2&&pk.round==0">
            <div class="scoreList" >
                <div v-show="player[0].account_status==4">      

                    <div class="scoreItem scoreItemText scoreItem11"  v-show="game.currentScore<=scoreList1[0]" v-on:click="choose(2,scoreList1[0])">{{scoreList1[0]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[0]">{{scoreList1[0]}}</div>  
                    <div class="scoreItem scoreItemText scoreItem21"  v-show="game.currentScore<=scoreList1[1]" v-on:click="choose(2,scoreList1[1])">{{scoreList1[1]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[1]">{{scoreList1[1]}}</div>
                    <div class="scoreItem scoreItemText scoreItem31"  v-show="game.currentScore<=scoreList1[2]" v-on:click="choose(2,scoreList1[2])">{{scoreList1[2]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[2]">{{scoreList1[2]}}</div>  
                    <div class="scoreItem scoreItemText scoreItem41"  v-show="game.currentScore<=scoreList1[3]" v-on:click="choose(2,scoreList1[3])">{{scoreList1[3]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[3]">{{scoreList1[3]}}</div>
                    
                    <div class="scoreItemText scoreItem00"  v-show="game.curr_circle<=ruleInfo.xp_cond||(roomCard<ruleInfo.bloody_chip_ticket &&ruleInfo.xp_chip!=game.currentScore)" >{{ruleInfo.xp_chip}}</div>
                    <div class="scoreItemText scoreItem01"  v-show="game.curr_circle>ruleInfo.xp_cond&&(roomCard>=ruleInfo.bloody_chip_ticket)||ruleInfo.xp_chip==game.currentScore" v-on:click="choose(2,ruleInfo.xp_chip)">{{ruleInfo.xp_chip}}</div>
                    <!--div class="bloodyNoty" v-if="ruleInfo.bloody_chip_tip!=''">
                        <a class="text">{{ruleInfo.bloody_chip_tip}}</a>
                    </div-->
                </div>

                <!-- 闷牌 -->                 
                <div v-show="player[0].account_status==5">
                    <div class="scoreItem scoreItemText scoreItem51"  v-show="game.currentScore<=scoreList1[0]" v-on:click="choose(2,scoreList2[0])">{{scoreList2[0]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[0]">{{scoreList2[0]}}</div>  
                    <div class="scoreItem scoreItemText scoreItem11"  v-show="game.currentScore<=scoreList1[1]" v-on:click="choose(2,scoreList2[1])">{{scoreList2[1]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[1]">{{scoreList2[1]}}</div>
                    <div class="scoreItem scoreItemText scoreItem21"  v-show="game.currentScore<=scoreList1[2]" v-on:click="choose(2,scoreList2[2])">{{scoreList2[2]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[2]">{{scoreList2[2]}}</div>  
                    <div class="scoreItem scoreItemText scoreItem61"  v-show="game.currentScore<=scoreList1[3]" v-on:click="choose(2,scoreList2[3])">{{scoreList2[3]}}</div>
                    <div class="scoreItem scoreItemText scoreItem50"  v-show="game.currentScore>scoreList1[3]">{{scoreList2[3]}}</div>  
                    
                    <div class="scoreItemText scoreItem00"  v-show="game.curr_circle<=ruleInfo.xp_cond||(roomCard<ruleInfo.bloody_chip_ticket&&ruleInfo.xp_chip!=game.currentScore)">{{ruleInfo.xp_chip/2}}</div>
                    <div class="scoreItemText scoreItem01"  v-show="game.curr_circle>ruleInfo.xp_cond&&(roomCard>=ruleInfo.bloody_chip_ticket||ruleInfo.xp_chip==game.currentScore)" v-on:click="choose(2,ruleInfo.xp_chip/2)">{{ruleInfo.xp_chip/2}}</div>
                    <!--div class="bloodyNoty" v-if="ruleInfo.bloody_chip_tip!=''">
                        <a class="text">{{ruleInfo.bloody_chip_tip}}</a>
                    </div-->
                </div>
            </div>
            <div class="doubleButton">
                <div class="isOver">
                    <div class="leftButton button" v-on:click="choose(3,1)"></div>
                    <div class="rightButton button" v-show="game.can_open==1&&pkPeople.length>0" v-on:click="choose(4,1)"></div>
                    <div class="rightButton1 button" v-show="game.can_open==0||pkPeople.length==0" ></div>
                </div>
            </div>
        </div>

        <div class="pkBackground" v-show="pk.round==1&&pkPeople.length>0&&(player[0].account_status==5||player[0].account_status==4)" v-on:click="quitPk">
            <div class="pkBackText">选择比牌对象</div>
        </div>      
    </div>

    <!-- 特殊提示  -->
    <div class="alert" v-show="isShowNoteImg" v-on:click="hideNoteImg()">
        <div class="alertBack"></div>
        <img src="<?php echo $image_url;?>files/images/common/text_protocol.png" style="position: absolute;top:18vh;width:80vw;left: 10vw; " />
    </div>  

    <div class="alert" id="valert" v-show="isShowAlert">
        <div class="alertBack"></div>
        <div class="mainPart">
            <div class="backImg">
                <div class="blackImg"></div>
            </div>

            <div class="alertText">
                <div class="rull" v-show="alertType==4"  style="font-size: 2.2vh">
                    底分：<a>{{ruleInfo.default_score}}分<br></a>
                    筹码：<a>{{scoreList2[0]}}/{{scoreList1[0]}},{{scoreList2[1]}}/{{scoreList1[1]}},{{scoreList2[2]}}/{{scoreList1[2]}},{{scoreList2[3]}}/{{scoreList1[3]}}</a><br>
                    <a v-if="ruleInfo.disable_pk_men==1">规则：</a><a v-if="ruleInfo.disable_pk_men==1">闷牌，全场禁止比牌</a><br>
                    下注：<a>{{ruleInfo.bet_circle}}轮</a><br>
                    比牌：<a>{{ruleInfo.pk_cond}}轮</a><br>
                    必闷：<a>{{ruleInfo.look_cond}}轮</a><br>
                    血拼：<a>{{ruleInfo.xp_circle}}轮 {{ruleInfo.xp_chip}}分</a><br>
                    喜牌：<a v-if="ruleInfo.xipai_score>0">{{ruleInfo.xipai_score}}分</a><a v-if="ruleInfo.xipai_score==0">无</a><br>
                    局数：<a v-if="ruleInfo.ticket_count==2">12局</a><a v-if="ruleInfo.ticket_count==4">24局</a><br>
                </div>
                <div>{{alertText}}</div>
            </div>
            
            <div v-show="alertType==2">
                <div class="buttonLeft" v-on:click="hall">返回首页</div>
                <div class="buttonRight" v-on:click="hall">创建房间</div>
            </div>          
            <div v-show="alertType==3">
                <div class="buttonLeft" v-on:click="hall">返回首页</div>
                <div class="buttonRight" v-on:click="closeAlert">取消</div>
            </div>          

            <!-- 观战功能 -->
            <div v-show="alertType==4" class="button">
                <div class="buttonLeft" v-show="joinType==1||joinType==3" v-on:click="guestRoom"><img src="<?php echo $image_url;?>files/images/guest/watch_true.png" ></div>
                <div class="buttonRight " v-show="joinType==1||joinType==2" v-on:click="sitDown"><img src="<?php echo $image_url;?>files/images/guest/sitdown_true.png" ></div>
                <div class="buttonMiddle" v-if="(game.status == 0|| game.status == 1) &&game.round!=game.total_num && game.creator_id==userData.accountId" style="bottom: -7vh;">
                    <img class="closeButton" src="<?php echo $image_url;?>files/d_<?php echo $dealer_num;?>/images/game/closeButton.png"  v-on:click="imCloseRoom" /></div>
                <div class="buttonLeft " v-show="joinType==2" ><img src="<?php echo $image_url;?>files/images/guest/watch_false.png" ></div>
                <div class="buttonRight " v-show="joinType==3"><img src="<?php echo $image_url;?>files/images/guest/sitdown_false.png" ></div>
            </div>
        
            <div v-show="alertType==7">
                <div class="buttonMiddle" v-on:click="hall">返回首页</div>
            </div>  
            <div v-show="alertType==8">
            </div>
            <div v-show="alertType==11">
                <div class="buttonMiddle" v-on:click="closeAlert">知道了</div>
            </div>
            <div v-show="alertType==21">
                <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
            </div>
            <div v-show="alertType==22">
                <div class="buttonMiddle" v-on:click="closeAlert">确定</div>
            </div>
            <div v-show="alertType==23">
                <div class="buttonMiddle" v-on:click="finishBindPhone()">确定</div>
            </div>  
            <div v-show="alertType==31">
                <div class="buttonMiddle" v-on:click="reloadView()">确定</div>
            </div>
            <div v-show="alertType==32">
                    <div class="buttonMiddle" v-on:click="reloadView()">重新登录</div>
            </div>              
        </div>
    </div>

    <!--  PK  -->
    <div class="playerPK" v-show="pk.round>1">
        <div class="pkBack" ></div>
        <div class="pk1" >
            <img src="<?php echo $image_url;?>files/images/flower/comLeft.png" style="position: absolute;top:0;left:0;width:95%;height:140px;">
            <div class="pkPlayer">
                <img src="<?php echo $image_url;?>files/images/flower/comB.png" class="background" v-show="pk.round>1">
                <div class="title">{{pk1.nickname}}</div>
                <img v-bind:src="pk1.headimgurl" class="avatar">
                <div class="score">{{pk1.account_score}}</div>
                <div class="quitBack"></div>
            </div>
            <img src="<?php echo $image_url;?>files/images/flower/comLoser.png" v-show="pk.round==4&&pk1.account_status==7" class="pkLoser" />
        </div>          
        <div class="pk2">
            <img src="<?php echo $image_url;?>files/images/flower/comRight.png" style="position: absolute;top:0;right:0;width:95%;height:140px;">
            <div class="pkPlayer">
                <img src="<?php echo $image_url;?>files/images/flower/comB.png" class="background" v-show="pk.round>1">
                <div class="title">{{pk2.nickname}}</div>
                <img v-bind:src="pk2.headimgurl" class="avatar">
                <div class="score">{{pk2.account_score}}</div>
                <div class="quitBack"></div>
            </div>
            <img src="<?php echo $image_url;?>files/images/flower/comLoser.png" v-show="pk.round==4&&pk2.account_status==7" class="pkLoser" />
        </div>  
        <img src="<?php echo $image_url;?>files/images/flower/comE.gif" v-show="pk.round==3" class="pkE" />
        <img src="<?php echo $image_url;?>files/images/flower/comV.png" v-show="pk.round>2" class="pkV" />
        <img src="<?php echo $image_url;?>files/images/flower/comS.png" v-show="pk.round>2" class="pkS" />
    </div>
    
    <!-- 排行 -->
    <div class="ranking hideRanking" id="ranking" style="z-index: 1">
        <div class="rankBack">
        <img src="<?php echo $image_url;?>files/images/nflowerxp/rank_bg.jpg" style="position: absolute;top: 0;left: 0;width: 100%">
        </div>

        <div class="rankText" style="position: absolute;top: 4%;">
            <img src="<?php echo $image_url;?>files/images/nflowerxp/rank_frame.png" style="position: absolute;top: 0%;left: 5vw;width: 190vw;">
            <div class="time" v-show="playerBoard.round>0" style="position: absolute;top: 45.5vw;width: 100%;">
                <a style="border-color: #ce6eff;background-color: #382b5e;font-size: 6vw;">房间号:{{game.room_number}}&nbsp&nbsp&nbsp&nbsp{{playerBoard.record}}&nbsp&nbsp&nbsp&nbsp{{game.total_num}}局</a>
            </div>
            <div style="height: 64vw;position: relative;"></div>         
            <div v-for="p in playerBoard.score" class="scoresItem" v-bind:class="{true: 'scoresItemYellow', false: 'scoresItemWhite'}[p.account_score>0]" v-show="p.account_id>0">
                <img src="<?php echo $image_url;?>files/images/common/rank_bigwinner.png" style="top: 0; margin-top: -2.5vw; left: 4px;height: 100%" v-show="p.isBigWinner==1">
                <div class="name">{{p.nickname}}</div>
                <div class="currentScores"><a v-show="p.account_score>0">+</a>{{p.account_score}}</div>
            </div>
        </div>
        <div class="button roundEndShow">
            <img src="<?php echo $image_url;?>files/images/common/rank_save.png" style="float: left;margin-left: 34%;" />
        </div>
    </div>

    <!-- end图片  -->
    <div id="endCreateRoom" class="end" style="position: fixed;width: 100%;height:100%;top:0;left:0;z-index: 120;display: none;overflow: hidden;">
        <img src="" style="width: 100vw;position: absolute;top:0;left: 0;height: 100vh;" id="end"  usemap="#planetmap1" />
    </div>

    <!-- 消息     -->
    <div class="message" v-show="isShowMessage" >
        <div class="messageBack" v-on:click="hideMessage"></div>
        <div class="textPartOuter"></div>
        <div id="message-box" class="textPart" v-bind:style="'height: ' + 0.39 * height + 'px;'">
            <div id="scroll-box" class="textList" style="width: 100%;">
                <div class="textItem" v-for="m in message" v-on:click="messageOn(m.num)">{{m.text}}</div>
            </div>
        </div>
    </div>

    <!-- 游戏规则-->
    <div class="createRoom" id="vroomRule" v-show="ruleInfo.isShowRule" v-on:click="cancelGameRule">
        <div class="createRoomBack"></div>
        <div class="mainPart" >         
            <div  class="createB"></div>
            <div class="createTitle">
                <img src="<?php echo $image_url;?>files/images/common/txt_rule.png" />
            </div>  
            
            <img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelGameRule"/>

            <div class="blueBack">

                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">底分：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText" >{{ruleInfo.default_score}}</div>
                        </div>
                    </div>
                </div>
                
                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">筹码：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText" >{{scoreList2[0]}}/{{scoreList1[0]}},{{scoreList2[1]}}/{{scoreList1[1]}},{{scoreList2[2]}}/{{scoreList1[2]}},{{scoreList2[3]}}/{{scoreList1[3]}}</div>
                        </div>                                                      
                    </div>
                </div>                          

                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;" v-if="ruleInfo.disable_pk_men==1">
                    <div class="selectTitle">规则：</div>
                    <div class="selectList">                        
                        <div class="selectItem" style="margin-left:12px;" >
                            <div class="selectText" >闷牌，全场禁止比牌</div>
                        </div>
                    </div>
                </div>

                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">下注：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText" >{{ruleInfo.bet_circle}}轮</div>
                        </div>
                    </div>
                </div>
                
                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">比牌：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText"> >{{ruleInfo.pk_cond}}轮</div>
                        </div>                          
                    </div>
                </div>

                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">血拼：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText">  {{ruleInfo.xp_circle}}轮 {{ruleInfo.xp_chip}}分</div>
                        </div>                          
                    </div>
                </div>
                
                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;" >
                    <div class="selectTitle">必闷：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText">{{ruleInfo.look_cond}}轮</div>
                        </div>                          
                    </div>
                </div>
                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">喜牌：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;">
                            <div class="selectText" v-if="ruleInfo.xipai_score==0">无</div>
                            <div class="selectText" v-if="ruleInfo.xipai_score>0">{{ruleInfo.xipai_score}}分</div>
                        </div>

                    </div>
                </div>
                <div class="selectPart" style="height:30px;line-height:30px;padding:6px 0;">
                    <div class="selectTitle">局数：</div>
                    <div class="selectList">
                        <div class="selectItem" style="margin-left:12px;" v-if="ruleInfo.ticket_count==2">
                            <div class="selectText" >12局X2张房卡</div>
                        </div>                          
                        <div class="selectItem" style="margin-left:12px;" v-if="ruleInfo.ticket_count==4">
                            <div class="selectText" >24局X4张房卡</div>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
    </div>

    <!-- 设置音频 -->
    <div class="audioRoom" id="vaudioRoom" v-show="editAudioInfo.isShow">
        <div class="audioRoomBack" v-on:click="cancelAudioSetting"></div>
        <div class="mainPart" >         
            <div  class="createB"></div>
            <div class="createTitle" style="height:4vh;">
            </div>  

            <img src="<?php echo $image_url;?>files/images/common/cancel.png" class="cancelCreate" v-on:click="cancelAudioSetting"/>

            <div class="blueBack">
                <div style="height:0.5vh;"></div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">背景音乐：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setBackMusic" >
                            <div class="selectBox"></div>
                            <img src="<?php echo $image_url;?>files/images/common/tick.png" v-show="editAudioInfo.backMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>                          
                    </div>
                </div>

                <div class="selectPart" style="height:4vh;line-height:4vh;padding:0.8vh 0;">
                    <div class="selectTitle">游戏音效：</div>
                    <div class="selectList" >
                        <div class="selectItem" style="margin-left:10px;" v-on:click="setMessageMusic">
                            <div class="selectBox"></div>
                            <img src="<?php echo $image_url;?>files/images/common/tick.png" v-show="editAudioInfo.messageMusic==1"/>
                            <div class="selectText">开启</div>
                        </div>                          
                    </div>
                </div>

                <div class="createCommit" v-on:click="confirmAudioSetting" >确定</div>

            </div>
        </div>
    </div>

    <script type="text/javascript" src="<?php echo $image_url;?>files/js/canvas.js" ></script>
</div>


</body>

<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/jquery.marquee.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/bscroll.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/velocity.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/vue-resource.min.js" ></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/nflower-xz.js?v=0408"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/js/clipboard.min.js"></script>
<script type="text/javascript" src="<?php echo $image_url;?>files/layer/mobile/layer.js"></script>
<script>
    var clipboard = new ClipboardJS('.copyMe',{
        text: function(trigger) {
            return "血战三张（房间号" + globalData.roomNumber + "）："+ globalData.roomUrl;
        }
    });
    clipboard.on('success', function(e) {
        console.log(e);
        layer.open({
            content: '复制成功！'
            ,skin: 'msg'
            ,time: 4
        });
    });

</script>
</html>
